<template>
  <div>
    <div class="el-input-group__prepend">{{ title + '：' }}</div>
    <div class="el-input-group__prepend context">{{ value }}</div>
  </div>
</template>
<script>
export default {
  name: 'readonly-input',

  props: {
    title: {
      type: String,
      required: true
    },

    value: {
      type: String,
      default: () => '',
      required: false
    },
  }
}
</script>

<style scoped lang="scss">
@import "../../assets/css/them.scss";

.el-input-group__prepend {
  width: 40px !important;
}

.context {
  text-align: left;
}
</style>
